@charset 'utf-8';
//header
header{
    position: relative;
    .carnum{
        font-weight: 600;
        color: orangered;
    }
.ntop{
    height: 10px;
    min-height: 35px;
    border: none;
    .gcar{
        &:hover{
            background-color: white;
        }
    }
    .exit{
        display: none;
    }
    .shu{
        margin-top: 5px;
    color: #ccc;}
    a{
        padding:0 6px!important;
        line-height: 35px!important;font-size: 12px;
        color: #6c6c6c;
        .glyphicon-shopping-cart,.glyphicon-menu-hamburger{
            color: orangered;
        }
    }
    .boxt{
        position: relative;
        padding: 0;
    }
    .log{
        color: #f22e00;
        font-size: 13px;
    }
    div>ul>li>a:hover:not(.area){
        color: orangered!important;
        
    }
        .bgw:hover{
        background-color: white!important;
    }
  
    .area{
        color: black!important;
        +.dropdown-menu{
            overflow-y: scroll;
            height: 288px;
            >li>a{
            color: black!important;
        }
        }
    }
    .area:hover{
     cursor:default;
     
    }
    .rnav{
        position: static;
        .container .row h4{
            font-size: 16px;
            font-weight: 600;
        }
        .container{
            padding: 0px;
            .row>div>div>div{
                 padding: 0!important;
                 margin-top: 7px;
                 box-sizing: content-box;
              a{ color: black!important;
                // display: block;
            
            line-height: 25px!important;
            text-align: center;
        padding: 5px!important;}
            }
            .row{padding-left: 15px;}
            .row>div:nth-child(1) h4{color: orangered;
            }
            .row:nth-child(1)>div:nth-child(1) a:hover{
                background-color: orangered;
                color: white!important;
                text-decoration: none;
            }
            .row>div:nth-child(2) h4{color: yellowgreen;}
            .row .ts a:hover{
                background-color: yellowgreen;
                color: white!important;
                text-decoration: none;
            }
            .row>div:nth-child(3) h4{color: #d75696;}
            .row .app a:hover{
                background-color: #d75696;
                color: white!important;
                text-decoration: none;
            }
            .row>div:nth-child(4) h4{color: #2e9fdb;}
            .row .tj a:hover{
                
                background-color: #2e9fdb;
                color: white!important;
                text-decoration: none;
                margin: 0 auto;
            }
           >.row>div:not(:nth-last-child(1)){
            border-right:1px solid #eee;
            padding-right: 10px;
        }
         >.row>div:first-child{
            padding-left: 30px!important;
        }
        }
    }
    ul>.dropdown:hover>.dropdown-menu{
        display: block;
        box-shadow: none;
        border-color: #eee;
        border-top: none;
    }
    .navbar-right .dropdown-menu{
        left: 0!important;
    }
}

 
.st{
    
    .row{
        position: relative;
        >div:first-child{
            margin-top: 10px;
        }
        
        .mid{
            margin-top: 5px;
            >div:nth-child(1){
        padding-left: 15px;
        .act{
            background-image: linear-gradient(to right,rgb(241, 147, 5),orangered);
            color: white;
            border-radius: 6px;
        }
        span:hover{
            background-color: rgb(255, 238, 229);
        }
        span{
            margin: 0 5px;
            padding: 5px;
            
            color: orangered;
            cursor: pointer;
        }
    }
        
        #sear-bt{
            margin-top: 3px;
            a{
                font-size: 12px;
                color: black;
            }
            a:hover{
                text-decoration: none;
                color: orangered;
            }
            .org{
                color: orangered;
            }
        }
        }
        
        .se{
         position: relative;
         >ul{
             display: none;
         }
        .search{
        border: 2px solid orangered;
        width: 632px;
        height: 41px;
        border-radius: 18px;
        text-indent: 2em;
        outline: none;
    }
    .sssub button{
        height: 41px;
        background-image: linear-gradient(to right,rgb(241, 147, 5),orangered);
        width: 70px;
        border-top-right-radius:18px;
        border-bottom-right-radius: 18px;
        border: none;
        color: white;
        font-size:18px ;
        font-weight: 700;
        position: relative;
        left: -71px;
        top: -2px;
        z-index: 11;
        outline: none;
    }
        }

        >div:last-child{
            border: 1px solid #eee;
            width: 80px;
            padding: 5px;
            position: absolute;
            right: 120px;
            img{
                width: 62px;
                height: 62px;
                    margin: 0 auto;
                    display: block;
            }
            p{
                margin: 0;
            }
            a{
                    color: orangered!important;
                text-align: center;
                }
            a:link,a:visited,a:hover,a:active{
                text-decoration: none;
            }
            button{
                width: 14px;
                height: 14px;
                background-color: white;
                font-size: 1px;
                border: 1px solid #eee;
                text-align: center;
                line-height: 12px;
                color: #eee;
                position: absolute;
                left: -14px;
                top: -1px;
                outline: none;
            }
        }
    }

    
}
.sefix{
    height: 54px;
    position: fixed;
    top: 0;            
    z-index: 999999;
    background-color: white;
    width: 100%;  
    #sear-bt{
        display: none;
    }
    .se{
        span:nth-child(1){
            display: block;
            position: absolute;
            left: 0;
            top: 0;
            border-radius: 21px 0 0 21px;
                width: 74px;
                height: 42px;
            background-color: black;
            opacity: 0;
            z-index: 99999;
        }
        >span:nth-child(1):hover+ul{
            li:not(:first-child){
                display: block!important;
            }
            li:first-child{
                border-radius: 21px 0 0 0;
            }
        }
        ul{
            position: absolute;
            left: 0px;
            top: 0px;
            z-index: 9;
            display: block!important;
            li:nth-child(1){
                border-radius:21px 0 0 21px;
            }
            
            li{
                line-height: 41px;
                background-color: #f4f4f4;
                width: 74px;
                height: 42px;
                text-align: center;
                cursor: pointer;
            }
            li:hover{
                color: #ff5000;
            }
            li:not(:first-child){
                display:none;
            }
            
        }
        .search{
                text-indent: 100px!important;
                position: relative;
                left: 0;
                top: 0;
                z-index: 10;
                background-color: rgba(1, 1, 1, 0);
            }
    }
    .row{
        margin: auto;
        #act{
            display: none;
        }
        
        img{
            width: 80px;
            height: 32px;
        }
      
        
    }
}

.stik{
    position: fixed;
    
    top: 510px;
    z-index: 999;
    
    ul{
        position: relative;
        .tp{
            padding-bottom: 3px;
                img{
                    display:block;
                    margin: 0 auto;
                }
            
        }
        .to-top{
            display: none;
        }
        li{
            width: 60px;
            height: 45px;
            background-color: white;
            padding: 8px 8px 5px 8px ;text-align: center;line-height: 15px;
            cursor: pointer;
            transition: all 0.2s;
            a{
               font-size: 15px; 
               transition: all 0.2s;
               color: black;
               
               
            }
        }
        
        .fk{
            padding-top: 15px;
        }
        li:hover{
            background-image: linear-gradient(135deg,#ff971b,#ff5000);
            >a{
                color: white!important;
                font-weight: 600;
            }
        }
        .first{
            border-radius: 10px 10px 0 0 ;
            a{
                color: #ff5500;
            }
        }
        li:nth-child(2){
            a{
                color: #ff1648;
            }
        }
        li:nth-child(3){
            a{
                color: #A8C001;
            }
        }
        li:nth-child(4){
            a{
                color: #f60;
            }
        }
        li:nth-child(5){
            a{
                color: #f40;
            }
        }
        .last{
            border-radius:0 0  10px 10px ;
        }
        .active-r{
        background-image: linear-gradient(135deg,#ff971b,#ff5000);
        a{
            color: white!important;
        }
        
        font-weight: 600;
    }
    }
    
}
}



// banner
.banner{
    margin-top: 15px;
    padding: 0;
    background-color: rgb(244, 244, 244);
    .bann-top{

        width: 100%;padding: 0;
        background-image: linear-gradient(to right,#ff9000 0,#ff5000 100%);
        h2{
        color: white;
        background-color: #ff5000;
        font-size: 16px;
        margin: 0;
        text-align: center;
        line-height: 32px;
        font-weight: 600;
        }
        .snyg{
            
                &:hover{
                    cursor: pointer!important;
                }
            
        }
    ul{
        margin: 0;
        li{
            list-style: none;
            position: relative;
            font-weight: 600;
            a{
                color: white;
                font-size: 16px;
                display: block;
                height: 32px;
                line-height: 32px!important;
                padding: 0 5px;
            }
            span{
                background-image: url(../img/tou.png);
                display: block;
                width: 23px;
                height: 14px;
                // background-image: url('../img/tou.png');
                position: absolute;
                top: -14px;
                display: none;
            }
            
            
        }
        li:hover span{
            display: block;
        }
        li:last-child a{
                cursor: default;
            }
    }
    }
    .bann-main{
        width: 1190px;
        .aside{
            background-color: white;
            padding: 0;
            ul{
                padding:5px 0;
                border: 1px solid orangered;
                margin-bottom: 0;
                border-top: 0;position: relative;
                li{
                    padding: 0 15px;
                    
                    padding-top: 3px;
                    a{
                        color: #666;
                        display: inline-block;
                        line-height: 32px;
                        font-size: 14px;
                    }
                    span{
                        display: inline-block;
                        line-height: 32px;
                        font-size: 1px!important;
                        color: #ccc;
                    }
                    .lt-hide{
                        
                        width: 714px;
                        height: 538px;
                        background-color: white;position: absolute;
                        left: 212px;
                        top:-2px;
                        z-index: 999;
                        border: 2px solid orangered;
                        padding-top: 10px;
                        display: none;
                        .lk-left{overflow: hidden;
                            height: 520px;
                            .scro{
                                height: 520px;
                                overflow-y:scroll;
                            }
                            
                            padding: 0;
                            padding-left: 20px;
                            h5{
                            font-size: 16px;
                            color: #333;
                            font-weight: 600;
                            line-height: 32px;
                            margin: 0;
                            }
                            p{
                                margin-bottom: 0;
                                a{
                                    color: #666;
                                    margin-right: 8px;
                                    white-space: nowrap;
                                    font-size: 12px;
                                }
                            }
                            .int1{
                                padding-left: 0;
                            }
                        }
                        .like{
                            padding-left: 30px;
                            h3{
                                text-align: center;
                                line-height: 18px;
                                color: #333;
                                font-size: 14px;
                                text-align: center;
                                font-weight: 400;
                            }
                            .like1{
                                display: inline-block;
                                margin-bottom: 30px;
                                a{
                                    cursor: pointer;
                                    >div{
                                        position: relative;
                                        img{
                                            width: 98px;
                                            height: 97px;
                                        
                                        }
                                        div{
                                            width: 98px;height: 97px;
                                            position: absolute;
                                            left: 0;
                                            top: 0;
                                            background-color: black;
                                            opacity: 0.1;
                                        transition: all 0.3s;
                                        }
                                    }
                                    span{
                                        color: #999;
                                        text-indent: 15px;
                                        transition: all 0.3s;
                                    }
                                }
                                a:hover>span{
                                    color: orangered;
                                }
                                a:hover>div div{
                                    opacity: 0.2;
                                }
                            }
                            .like1:nth-child(2n+1){
                                margin-left: 30px;
                            }
                        }
                        
                    }
                }
                li:hover{
                    background-color: #ffe4dc;
                    color: orangered;
                    
                }
                li:hover>span{
                    color: #ff5000;
                }
                li:hover>a{
                    color: #ff5000;
                }
                li>a:hover{
                    text-decoration: underline;
                }
            }


        }
        .mid-top{
            padding: 10px;
            height: 550px;
            .swip{
                display: inline-block;
                width: 520px;
                height: 280px;
                margin: 0;
                .swiper-slide{
                    width: 520px;
                height: 280px;
                cursor: pointer;
                }

               .swiper-pagination{
                   cursor: pointer;
                   span{
                       background-color: white;
                       opacity: 1;
                   }
                   .swiper-pagination-bullet-active{
                       background-color:#ff5000 ;
                   }
               } 
                    .swiper-button-prev
                    {
                        width: 20px;
                        height: 30px;
                        opacity: 0.3;
                        background-color: black;
                        color: white;
                        border-top-right-radius:15px ;
                        border-bottom-right-radius: 15px;
                        position: absolute;
                        left: 0;padding-right: 6px;
                        visibility: hidden;
                       
                    }
                    .swiper-button-prev:hover{
                        opacity: 0.5;
                    }
                    .swiper-button-prev::after{
                        font-size: 14px;
                        font-weight: 600;
                    }
                    .swiper-button-next{
                        width: 20px;
                        height: 30px;
                        opacity: 0.3;
                        background-color: black;
                        color: white;
                        border-top-left-radius:15px ;
                        border-bottom-left-radius: 15px;
                        position: absolute;
                        right: 0;padding-left: 6px;
                     visibility:hidden;                    }
                     .swiper-button-next:hover{
                         opacity: 0.5;
                     }
                    .swiper-button-next::after{
                        font-size: 14px;
                        font-weight: 600;
                    }

            }
            .swip:hover{
                .swiper-button-prev,.swiper-button-next{
                    visibility: visible;
                }

            }
            .swiper-wrapper{
                >div{
                    position: relative;;
                    >span{
                        position: absolute;
                        left: 0;
                        bottom: 6px;
                        display: block;
                        height: 14px;
                        cursor: pointer;
                    }
                    >span:hover+div{
                        display: block;
                    }
                    >div:hover{

                        display: block;
                    }
                    >div{
                        position: absolute;
                        left: 0;
                        bottom: 0px;
                       display: none;
                        opacity: 0.7;
                        span{ background-color: white;
                            display: block;
                            width: 72px;
                            height: 24px;
                            font-size: 12px;
                            float: left;
                            line-height: 24px;
                            margin-right: 1px;
                        }
                    }
                }

            }
            padding-right: 0;
            width: 700px;
            >a>img{
                margin-left: 10px;
            }
            .mmid{
                width: 517px;
                display: inline-block;
                img{
                    position: relative;
                    top: 1px;
                    z-index:5
                }
                span{
                    font-size: 12px;
                    color: #666;
                    position: relative;
                    left: 5px;
                    top: 4px;
                }
                .page{
                    margin-top: 4px;
                    strong{
                        color: orangered;
                    }
                }
            }
            .swip2{
                height: 250px;
                .swiper-wrapper{
                    >div{
                        height: 220px;
                        >a{
                           img{
                               margin-left: 5px;
                           } 
                        }
                        
                }
                
            }
            .swiper-pagination{
                padding: 0;
                top: -11px;
                    span{
                        border-radius:0;
                        width:calc(100% / 6);margin: 0!important;
                        height: 3px;
                        background-color:#ff1648 ;
                    }
                    .swiper-pagination-bullet-active{
                        background-color:black ;
                    }
                    
                }
            
        }
        .hot2{
            .hot{
                display: block;
                width: 160px;
                
            }
            img{
                vertical-align: text-top;
                height: 215px;
                width: 160px;
            }
            margin-top: -20px;
        }
        
    }
        .mid-bot{
            
            width: 290px;
            padding: 0;
            padding-left: 10px;
            padding-top: 10px;
            .bgr{
                background-color: white;
                background-image: url(../img/bgr.png);
                background-size: 290px 145px;
                background-repeat: no-repeat;
                background-position: 0 0;

                >.bgr-top{
                    padding-top: 10px;
                   >a{
                        >img{
                            margin: 0 auto;
                            display: block;
                            border-radius: 50%;
                        }
                    }
                    >span{
                        display: block;
                        margin: 0 auto;
                        text-align: center;
                    }
                    .moy{
                        display:inline-block;
                        background-color: #ffe4dc;
                        color: #ff5000;
                        width: 102px;
                        font-size: 12px;
                        line-height: 16px;
                        border-radius:8px ;
                    }
                    .moy-left{
                        margin-left: 40px;
                    }
                }
                .log{
                    padding-left: 15px;
                    background-color: white;
                    margin-top: 10px;
                    a{
                        display: inline-block;
                        width: 82px;
                        height: 25px;
                        background-image: linear-gradient(to right,#ff5000 0,#ff6f06 100%);
                        text-align: center;
                        color: white;
                         line-height: 25px;
                         border-radius: 4px;
                        font-size: 14px;
                        font-weight: 700;
                        margin-right: 5px;
                         
                    }
                }
                .loged{
                    display: none;
                    span{
                        text-align: center;
                        margin-left: 22px;
                        font-size: 12px;
                        i{
                            font-weight: 600;
                            color: #f40;
                        }
                        cursor: pointer;
                    }
                }
                .txp{
                    margin-top: 5px;
                    font-size: 0;
                    img{
                        width: 100%;
                    }
                }
                .gz{
                    margin-top: 15px;
                    
                    span{
                        padding: 0 0 0 21px;
                        color: black;
                        font-weight:600;
                        width: 51px;
                        position: relative;
                    }
                    span>span{
                        display: block;
                        width: 28px;
                        height: 2px;
                        background-color: orangered;
                        position: absolute;
                        right: 2px;
                        bottom: -1px;
                        display: none;
                    }
                    a:nth-child(1)>span>span{
                        display: block;
                    }
                    span:hover{
                        color: orangered;
                    }
                    
                    span:first-child{
                        margin-left: 5px;
                    }
                    
                }
                .text{
                        display: block;
                        color: black;
                        font-size: 12px;
                        text-align: center;
                        font-weight: 600;
                        display: none;
                        line-height: 44px;
                    }
                .text:hover{
                    color: orangered;
                }
                .text2{
                    color: orangered;
                }
                .act{
                    display: block;
                }
            }
            .r-menu{
                border-top: 1px solid #eee;
                padding-left: 10px;
                div{
                    border-right: 1px solid #eee;
                    border-bottom: 1px solid #eee;
                    padding: 0;
                    height: 77px;
                    width: 71px;
                    cursor: pointer;
                    img{
                        
                        display: block;
                        margin: 0 auto;margin-top: 11px;
                        height: 24px;
                    }
                    p{
                        text-align: center;
                        margin-top: 8px;
                    }
                }
                div:nth-child(4n){
                    border-right: none;
                }
                div:hover {
                    color: orangered;
                }
            }

            .app{
                height: 88px;
                >h3{
                    font-size: 16px;
                    padding-left: 14px;
                    height: 30px;
                    line-height: 30px; 
                    margin-top: 0;
                    font-weight: 900;
                    span{
                        font-weight: 100;
                        margin-right: 13px;
                        font-size: 12px;
                        color: black;
                    }
                    span:hover{
                        color: orangered;
                    }
                }
                div{
                    >span{
                        margin-left: 17px;
                        position: relative;
                        >img{cursor: pointer;
                          width: 32px;
                          height: 32px;  
                        }
                        span{
                            display: none;
                            position: absolute;
                            left: -29px;
                            top: -126px;
                            >img{
                                width: 90px;
                                height: 90px;
                                padding: 12px;
                            }
                            p{
                                font-size: 12px;
                                text-align: center;
                            }
                            background-color: white;
                            border: 1px solid #eee;
                        }

                    }
                    >span:hover span{
                        display: block;
                    }
                }
            }

        }
}

}

//main
.main-box{
    background-color: #f4f4f4;
    main{
        padding: 0 ;
        
        .bggr{
            background-color: white;
            margin-bottom: 10px;
         h3{
            padding-top: 20px;
            padding-left: 20px;
            margin-bottom: 20px;
            .ma-top{
                margin-bottom: 0;
            img{
                width: 74px;
                height: 24px;
            }
            span{
                line-height: 24px;
                font-size: 12px;
                color: #999;
                font-weight: 400;
                margin-left: 10px;
            }
        }
        }
        .good{
            padding: 0 20px;
            .product{
                padding-right: 0;
                position: relative;
                padding-left: 10px;
                a{  
                    >img+span:hover{
                        
                     opacity: 0.1;
                    }
                    >img+span{
                        display: block;
                        background-color: black;
                        width: 180px;
                        height: 180px;
                        position: absolute;
                        left: 10px;
                        top: 0;
                        opacity: 0;
                        transition: all 0.2s;
                    }
                    div{
                        h4{
                            font-size: 16px;
                            color: #3c3c3c;
                            transition: all .2s;
                        }
                        p:nth-child(2){
                            font-size: 14px;
                            color: #999;
                        }
                        p:last-child{
                            font-size: 14px;
                            color: #35b1ff;
                        }
                    }
                }
                a:hover h4{
                    color: orangered;
                }
        }
        }}
       
        .product{
            padding-right: 0;
            position: relative;
            padding-left: 10px;
            a{  
                >img+span:hover{
                    
                 opacity: 0.1;
                }
                >img+span{
                    display: block;
                    background-color: black;
                    width: 180px;
                    height: 180px;
                    position: absolute;
                    left: 10px;
                    top: 0;
                    opacity: 0;
                    transition: all 0.3s;
                }
                div:first-child{
                    h4{
                        font-size: 16px;
                        color: #3c3c3c;
                        transition: all .2s;
                    }
                    p:nth-child(2){
                        font-size: 14px;
                        color: #999;
                    }
                    p:last-child{
                        font-size: 14px;
                        color: #35b1ff;
                    }
                }
            }
            a:hover h4{
                color: orangered!important;
            }
        }
        .shop{

            .zbimg{
                width: 102px;
                height: 21px;
            }
            .shopimg{
                width: 81px;
            }
            >div{
                width: 590px;
                >h3{
                    margin-top: 0;
                    padding-top: 10px;
                    

                }
                .product:nth-child(odd){
                    margin-left: 10px;
                }
                .product{
                    padding: 0;
                    width: 271px;
                    margin-left: 20px;
                    margin-bottom: 20px;
                    height: 220px;
                    >a{
                        
                        .new1{
                            position: absolute;
                            left: 5px;
                            bottom: 10px;
                            z-index:999;
                            color: white;
                            
                            img{
                                border-radius: 3px;
                                margin-right: 3px;
                                margin-bottom: 1px;
                            }
                        }
                        .shop1+span{
                            left: 0px;
                            top: 37px;
                        }
                        div{
                            h4{
                                span{
                                font-size: 12px;
                                color: #999;
                                vertical-align: middle;
                                display: inline-block;
                                padding-bottom: 3px;
                            }
                            }
                        }
                        div:last-child{
                            margin-left: 2px;
                            display: inline-block;
                            width: 89px;
                            position: relative;
                            img:first-child{
                            width: 89px;
                            
                            }
                            img:first-child+span{
                                display: block;
                                width: 89px;
                                height: 89px;
                                position: absolute;
                                left: 0;
                                top: 0;
                                background-color: black;
                                
                                opacity: 0;

                            }
                            img:first-child+span:hover{
                                opacity: 0.1;
                            }

                            img:nth-last-of-type(1){
                                margin-top: 2px;
                                width: 89px;
                            }
                            img:nth-last-of-type(1)+span{
                                display: block;
                                width: 89px;
                                height: 89px;
                                position: absolute;
                                left: 0;
                                top: 91px;
                                
                                background-color: black;
                                opacity: 0;

                            }
                            img:nth-last-of-type(1)+span:hover{
                                opacity: 0.1;
                            }
                        }
                    }
                }
            }
            
        }
        .special{
            .sp-left{
                width: 840px;
                background-color: white;
                margin-right: 10px;
                h3::before{
                    content: '';
                    display:inline-block;
                    width: 4px;
                    height: 16px;
                    position: absolute;
                        left: 18px;
                        top: 20px;
                     background-image:linear-gradient(45deg, #8558d6, #b865e2);
                    background: #8558d6;
                    }
                h3{
                    position: relative;
                    margin: 0;
                    padding: 13px 0;
                    padding-left: 32px;
                    border-bottom: 1px solid #f4f4f4;
                    
                    em{
                        color: #AD45Df;
                        font-size: 20px;
                        font-weight: 600;
                    }

                }
                .item-box{
                    border: 1px solid transparent;
                    border-right: 1px solid #f4f4f4;
                    width: 210px;
                    height: 240px;
                    >div{

                        .box-top{
                            padding-left: 26px;
                            h4{
                                margin-top: 17px;
                                margin-bottom: 7px;
                                a{
                                    color: #3c3c3c;
                                    font-size: 18px;
                                }
                                a:hover{
                                    color: orangered;
                                }
                            }
                            p{
                                font-size: 12px;
                                color: #999;
                            }
                        }
                        >div:last-child{
                            padding-left: 26px;
                            margin-top: 12px;
                            padding-bottom: 5px;
                            img{
                                width: 150px;
                                cursor: pointer;
                            }
                        }
                    }
                }
                .item-box:hover{
                    border-color: orangered;
                }
            }
            .sp-right{
                width: 340px;
                background-color: white;
                padding: 20px;
                border: 1px solid transparent;
            }
            .sp-right:hover{
                border: 1px solid orangered;
            }
        }

        .single-hot{
            margin-top: 10px;
            background-color: white;
            h3::before{
                content: '';
                display:inline-block;
                width: 4px;
                height: 16px;
                position: absolute;
                    left: 18px;
                    top: 20px;
                    background: linear-gradient(to bottom, #ff7436, #ff0000);
                background: #ff242d;
                }
            >h3{
                position: relative;
                margin: 0;
                padding: 13px 0;
                padding-left: 32px;
                
                em{
                    color: #ff5500;
                    font-size: 20px;
                    font-weight: 600;
                }

            }
            .hot-list{
                padding-left: 18px;
                padding-bottom: 13px;
                border-bottom: 1px solid #f4f4f4;
                a{
                    display: inline;
                        float: left;
                        margin-bottom: 10px;
                        padding-right: 15px;
                        color: #999;
                        height: 14px;
                        line-height: 14px;
                        font-size: 12px;
                }
                a:hover{
                    color: #ff5000;
                }
                img{
                    display: inline-block;
                    position: relative;
                    left: 45px;
                    top: -4px;
                    width: 31px;
                    height: 15px;
                }
            }
            >ul{
                margin-bottom: 0;
                >li{
                    border: 1px solid transparent;
                    border-right-color:#f4f4f4 ;border-bottom-color:#f4f4f4 ;
                    width: 238px;
                    height: 350px;
                    padding: 20px;
                    img{
                        width: 197px;
                    }

                    .list1{
                        display: block;
                        height: 40px;
                        line-height: 20px;
                        overflow: hidden;
                        margin: 8px 0;
                        color: #666;
                        font-size: 14px;
                    }
                    .list2{
                        margin-bottom: 17px;
                        a{
                            color: #999;
                            font-size: 12px;
                        }
                    }
                    .list3{
                        a:nth-child(1){
                            color: #ff5000;
                            font-size: 22px;
                            font-weight: 600;
                            span{
                                font-size: 12px;
                                font-weight: 500;
                            }

                        }
                        a:nth-child(2){

                            color: #999;
                            font-size: 12px;
                        }
                        a:nth-child(2):hover>del{
                            text-decoration: none;
                        }
                        a:last-child{
                            color: #999;
                            font-size: 12px;
                            margin-top: 10px;
                        }
                    }
                }
                li:hover{
                    border-color: #ff5500;
                }
            }
            .hot-bot{
                padding: 15px;
                a{
                    border: 2px solid transparent;
                    display: inline-block;
                    width: 375px;
                    height: 130px;
                    box-sizing: content-box;
                }
                
                a:hover{
                    border-color: #ff5000;
                }
            }
        }
        .guess-like{
            background-color: white;
            margin-top: 10px;
            h3::before{
                content: '';
                display:inline-block;
                width: 4px;
                height: 16px;
                position: absolute;
                    left: 18px;
                    top: 20px;
                background-image:linear-gradient(45deg, #fad961, #ff9f00);
                background: #ff9f00;
                }
            >h3{
                border-bottom: 1px solid #f4f4f4;
                position: relative;
                margin: 0;
                padding: 13px 0;
                padding-left: 32px;
                
                em{
                    color: #ff9f00;
                    font-size: 20px;
                    font-weight: 600;
                }

            }
            .like-list{

                .guess{
                    position: relative;
                    width: 238px;
                    height: 334px;
                    padding: 20px 20px 0 20px;
                    border: 1px solid transparent;
                    border-right-color: #f4f4f4;
                    border-bottom-color: #f4f4f4;
                    transition: all 0.3s;
                    .blimg{
                        display: block;
                            width: 199px;
                            height: 197px;
                        position: relative;
                        >img{
                        width: 199px;
                        height: 197px;
                        
                        
                        }
                        span{
                            display: block;
                            width: 199px;
                            height: 197px;
                            position: absolute;
                            left: 0;
                            top: 0;
                            background-color: black;
                            opacity: 0;
                        }
                        span:hover{
                            opacity: 0.1;
                        }
                    }
                    
                    >h4{margin-top: 15px;
                        cursor: pointer;
                        color: #666;
                        font-size: 15px;
                    }
                    >p{
                        font-size: 20px;
                        margin-top: 12px;
                        color: #f40;
                        font-weight: 600;
                        span{
                            font-size: 12px;
                        }
                    }
                    >a:last-child{
                        display: block;
                        width: 238px;
                        height: 82px;
                        position: absolute;
                        left: 0px;
                        bottom: 0;
                        display: none;
                        background: #f40;
                        >p:first-child{
                            text-align: center;
                            color: white;
                            margin: 0 auto;
                            width: 120px;
                            margin-top: 15px;
                            line-height: 32px;
                            height: 32px;
                            font-size: 18px;
                            font-weight: normal;
                            border-bottom: 1px solid #FE964A;
                            span{
                                font-size: 12px;
                                margin-right: 3px;
                            }
                        }
                        >p:last-child{
                            line-height: 22px;
                            font-size: 12px;
                            height: 22px;
                            color: #fff;
                            text-align: center;
                        
                        }
                        
                    }
                }
                .guess:hover{
                    border-color: #f40;
                }
                .guess:hover>a:last-child{
                    display: block;
                }
            }
            
        }
        .end{
            padding-top: 15px;
                height: 50px;
                text-align: center;
                color: #ccccd0;
                line-height: 20px;
                font-size: 18px;
                margin-left: -42px;
                font-style: normal;
                font-weight: 600;
            }
        .helper{
            padding-left: 20px;
            padding-top:20px;
            padding-bottom: 40px;
            >div{

                h4{
                margin-bottom: 15px;
                img{
                    width: 34px;
                    height: 36px;
                }
                span{
                    margin-left: 15px;
                    color: black;
                    font-weight: 600;

                }
            }
                p{
                    width: 248px;
                    a{
                        display: inline-block;
                        font-size: 12px;
                        color: #999;
                        margin-left: 5px;
                        }
                    a:hover{
                        color: #f40;
                    }
                }
                
            
            }
            >div:nth-child(n+1){
                margin-left: 43px;
            }
            
        }
    }
}
//footer
footer{

    .ft-top{
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        padding-bottom: 10px;
        padding-top: 5px;
        padding-left: 5px;
        span{
            display: inline-block;
            height: 30px;
            line-height: 30px;
            a{

            color: #6c6c6c;
            font-size: 12px;
            margin-right: 5px;
            }
            a:hover{
                color: #f40;
            }
            i{
                color: #ccc;
                font-weight: 600;
                opacity: 0.8;
            }
        }
        
    }
    .ft-mid{
        
        p{
            padding-top: 5px;
            padding-left: 5px;
            margin-bottom: 0;

                a{
                    color: #6c6c6c;
                    font-size: 12px;
                    margin-right: 5px;
                }
                a:hover{
                    color: #f40;
                }
                span{
                    color: #ccc;
                    font-weight: 600;
                    opacity: 0.8;
                    margin-left: 10px;
                    margin-right: 10px;
                }
                em{
                    margin-left: 30px;
                    color: #9c9c9c;
                    font-size: 12px;
                }
                .f-a{
                    color: black;
                }
                .em1{
                    margin-left: 5px;
                }
                .em2{
                    margin-left: 0px;
                }
                
        }
        div:last-child{
            padding-left: 10px;
                    margin-top: 10px;
                }
    }
}